<template>
  <div id="app">
    <my-first></my-first>
    <main-content></main-content>
    <my-vue></my-vue>

  </div>
</template>

<script>
import MyFirst from "./components/MyFirst.vue";
import MySecond from "./components/MySecond.vue";
import MainContent from "./components/MainContent.vue"

export default {
  name: "App",
  components: {
    'my-first': MyFirst,
    'my-vue':MySecond,
    MainContent
  },
 
};
</script>

<style>
#app {
  height: 80vh;
  width: 100%;
  padding:10px;
  background-color: #17e221;
  display: flex;
  justify-content:space-around;
}
*{
  margin: 0;
    padding: 0;
    list-style: none;
    font-family: '微软雅黑';
}

</style>
